.main-entrance {
  min-width: 1376px;
  /*父元素没有设置高度，所以子元素无法生效*/
  /*height: 100%;*/
  /*border: 12px solid #ff9b37;*/
}

.main-entrance > header {
  height: 121px;
  width: 100%;
  color: #aeb0b2;
  font-size: 14px;
  display: flex;
  background-color: rgba(230, 238, 248);
  position: relative;
}

header > h1 {
  position: absolute;
  left: 396px;
  align-self: center;
  line-height: 100px;
  font: 30px "PingFang SC";
  color: rgba(80, 80, 80);

}

header > .icon-wenbenbianji {
  position: absolute;
  left: 290px;
  align-self: center;
  font-size: 45px;
  color: rgb(6, 113, 243);
}

//主体
.main-entrance > .content {
  //设置优先级
  z-index: 26;
  margin: 34px auto 55px;
  width: 1260px;
  //height: 496px;
  border: 1px solid rgba(0, 0, 0, 1);
  position: relative;
  //头
  .content-header {
    margin-top: 19px;

    span {
      font: 14px "PingFang SC";
      margin-left: 26px;
      margin-top: 6px;
    }

    p {
      margin-left: 68px;
      margin-top: 6px;
      font: 14px "PingFang SC";
    }
  }

  //echaersdiv集合
  .echarts-list{
    width: auto;
    height: 300px;

    //echart数据div
    .echarts {
      position: absolute;
      left: 20px;
      top: 72px;
    }
    .echarts2 {
      position: absolute;
      left: 480px;
      top: 98px;
    }
    .content-new {
      float: right;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px 40px 0 0;
      width: 178px;
      height: 178px;
      color: #ffffff;
      border-radius: 8px;
      background-color: #5c96d7;
      cursor:pointer;

      //新建按钮样式
      .new-button{

        .iconfont {
          font-size: 50px;
        }

        p {
          text-align: center;
          font-size: 18px;
        }
      }


    }

  }

  //选择日期(主体框)
  .option-date{
    position: relative;
    display: flex;
    width: 100%;
    height: 114px;
    border-top: 1px solid #dedede8f;
    text-align: center;
    align-items: center;
    span{
      font-size: 16px;
    }

    //年样式
    .unified-style{
      width: 180px;
      height: 50px;
      border: 1px solid #000000;
      border-radius: 10px;
      cursor: pointer;
      position: relative;
      margin: 0 22px 0 80px;

      p{
        position: absolute;
        line-height: 44px;
        left: 8px;
        color: #c2c2c2;
      }
      i{
        position: absolute;
        right: 6px;
        line-height: 44px;
        color: #cbcaca;
      }

    }

    //下拉框列表样式
    //年
    .drop-down-list-year{
      position: absolute;
      top: 88px;
      left: 80px;
      border-radius:4px;
      width: 180px;
      background-color: #ffffff;
      box-shadow: 10px 10px 15px #d5d5d5;

      li{
        display: block;
        line-height: 32px;
        text-align: center;
        cursor: pointer;

        span{
          display: inline-block;
          margin-left: -126px;
        }

      }
      //鼠标悬浮变色
      li:hover{
        background-color: rgb(227, 234, 246);
      }
    }
    //月
    .drop-down-list-month{
      position: absolute;
      top: 88px;
      left: 370px;
      border-radius:4px;
      width: 180px;
      background-color: #ffffff;
      box-shadow: 10px 10px 15px #d5d5d5;

      li{
        display: block;
        line-height: 32px;
        text-align: center;
        cursor: pointer;

        span{
          display: inline-block;
          margin-left: -126px;
        }

      }
      //鼠标悬浮变色
      li:hover{
        background-color: rgb(227, 234, 246);
      }
    }
    //审核状态
    .drop-down-list-reviewstatus{
      position: absolute;
      top: 88px;
      left: 674px;
      border-radius:4px;
      width: 180px;
      background-color: #ffffff;
      box-shadow: 10px 10px 15px #d5d5d5;
      ul{
        text-align:justify;
        text-justify:inter-ideograph;
        li{
          display: block;
          width: 100%;
          line-height: 32px;
          padding-left: 8px;
          cursor: pointer;

          span{

          }

        }
        //鼠标悬浮变色
        li:hover{
          background-color: rgb(227, 234, 246);
        }
      }

    }

    //按钮
    .inquire{
      margin-left: 90px;
      width: 138px;
      line-height: 61px;
      border-radius: 12px;
      background-color: rgba(92, 150, 215, 1);
      cursor: pointer;

      span{
        color: #fffdef;
      }
    }
  }

  //防止页面闪烁
  [v-cloak]{
    display: none !important;
  }
}

//状态列表
.state-list{
  //设置优先级
  z-index: 12;
  margin: 34px auto 120px auto;
  width: 1260px;
  //头部
  header{
    .id{
      font-size: 25px;
    }

    .idnumber{
      display: inline-block;
      margin-left: 12px;
      font-size: 17px;
    }
  }
  //以下为状态div样式复用
  //待提交
  .tosubmit{
    width: 1260px;
    height: 208px;
    border-radius: 6px;

    //下部分
    .content-info{
      margin-top: 1px;
      //提交按钮
      .info-submit{
        width: 79px;
        height: 44px;
        border-radius: 14px;
        position: relative;
        background-color: rgba(92,150,215);
        i{
          position: absolute;
          top:-40%;
          margin-left: -14px;
          color: rgba(255, 255, 255, 1);
        }
      }

    }
    //提示进度
    .bottom-progressof{
      margin: 20px 0px 200px 50px;
      img{

        margin: 0 35px 0 19px;
      }
    }
  }
  //待审核
  .to-audit{
    width: 1260px;
    height: 208px;
    border-radius: 6px;

    //下部分
    .content-info{
      margin-top: 1px;
      //提交按钮
      .info-submit{
        width: 79px;
        height: 44px;
        border-radius: 14px;
        position: relative;
        background-color: rgba(92,150,215);
        i{
          position: absolute;
          top:-40%;
          margin-left: -14px;
          color: rgba(255, 255, 255, 1);
        }
      }

    }
    //提示进度
    .bottom-progressof{
      margin: 20px 0px 200px 50px;
      img{

        margin: 0 35px 0 19px;
      }
    }
  }
  //待还款
  .for-reimbursement{
    width: 1260px;
    height: 208px;
    border-radius: 6px;

    //下部分
    .content-info{
      margin-top: 1px;
      //提交按钮
      .info-submit{
        width: 79px;
        height: 44px;
        border-radius: 14px;
        position: relative;
        background-color: rgba(92,150,215);
        i{
          position: absolute;
          top:-40%;
          margin-left: -14px;
          color: rgba(255, 255, 255, 1);
        }
      }

    }
    //提示进度
    .bottom-progressof{
      margin: 20px 0px 200px 50px;
      img{

        margin: 0 35px 0 19px;
      }
    }
  }
  //完成
  .complete{
    width: 1260px;
    height: 208px;
    border-radius: 6px;

    //下部分
    .content-info{
      margin-top: 1px;
      //提交按钮
      .info-submit{
        width: 79px;
        height: 44px;
        border-radius: 14px;
        position: relative;
        background-color: rgba(92,150,215);
        i{
          position: absolute;
          top:-40%;
          margin-left: -14px;
          color: rgba(255, 255, 255, 1);
        }
      }

    }
    //提示进度
    .bottom-progressof{
      margin: 20px 0px 200px 50px;
      img{

        margin: 0 35px 0 19px;
      }
    }
  }
  //拒绝
  .refusedto{
    width: 1260px;
    height: 208px;
    border-radius: 6px;

    //下部分
    .content-info{
      margin-top: 1px;
      //提交按钮
      .info-submit{
        width: 79px;
        height: 44px;
        border-radius: 14px;
        position: relative;
        background-color: rgba(92,150,215);
        i{
          position: absolute;
          top:-40%;
          margin-left: -14px;
          color: rgba(255, 255, 255, 1);
        }
      }

    }
    //提示进度
    .bottom-progressof{
      margin: 20px 0px 200px 50px;
      img{

        margin: 0 35px 0 19px;
      }
    }
  }
  //延期还款
  .deferred-payment{
    width: 1260px;
    height: 208px;
    border-radius: 6px;

    //下部分
    .content-info{
      margin-top: 1px;
      //提交按钮
      .info-submit{
        width: 79px;
        height: 44px;
        border-radius: 14px;
        position: relative;
        background-color: rgba(92,150,215);
        i{
          position: absolute;
          top:-40%;
          margin-left: -14px;
          color: rgba(255, 255, 255, 1);
        }
      }

    }
    //提示进度
    .bottom-progressof{
      margin: 20px 0px 200px 50px;
      img{

        margin: 0 35px 0 19px;
      }
    }
  }
  //风险处置
  .risk-management{
    width: 1260px;
    height: 208px;
    border-radius: 6px;

    //下部分
    .content-info{
      margin-top: 1px;
      //提交按钮
      .info-submit{
        width: 79px;
        height: 44px;
        border-radius: 14px;
        position: relative;
        background-color: rgba(92,150,215);
        i{
          position: absolute;
          top:-40%;
          margin-left: -14px;
          color: rgba(255, 255, 255, 1);
        }
      }

    }
    //提示进度
    .bottom-progressof{
      margin: 20px 0px 200px 50px;
      img{

        margin: 0 35px 0 19px;
      }
    }
  }

}

//elementui样式部分
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background-color: rgba(222,238,250);
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content{
  min-height: 36px;
  height: 80px;
  text-align: center;
  span{
    line-height: 80px;
    font-size: 14px;
  }
}
//自定义样式
//针对elemntui
//上圆角
//第一个圆角
.first-Rounded{
  border-radius: 16px 0 0 0 ;
}
//最后一个圆角
.last-Rounded{
  border-radius: 0 16px 0 0 ;
}
//下圆角
//第一个圆角
.bottom-first-Rounded{
  border-radius: 0 0 0 16px;
}
//最后一个圆角
.bottom-last-Rounded{
  border-radius: 0 0 16px 0;
}

//具体内容高度样式
.info-height{
  height: 100px;
}

//具体内容具中样式
.middle{
  line-height: 100px;
}
//flex布局
.layout{
  display: flex;
  //水平居中
  justify-content: center;
  //垂直居中
  align-items: center;

}
//不同状态按钮的样式
//按钮背景颜色及宽度
//elementui原生
.el-button--primary{
  background-color: #fafafa;
  color: #000000;
  width: 150px;
}
//状态指示按钮样式
//待提交状态
.to-submit-buttom{
  background-color: rgba(12, 81, 177, 1);
  color: #fffdef;
}
//拒绝状态
.refused-to{
  background-color: rgba(136, 136, 136, 1);
  color: #fffdef;
}
//未指示图标颜色
.not-indicate{
  background-color: #fffdef;
}

.row-bg {
  padding: 10px 0;

  ////覆盖样式 解决样式污染
  ::v-deep .not-review-materials{
    line-height: 0px;
  }
}
